<!DOCTYPE HTML>
<html>

<head>
    <title>预览合同</title>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />



    <!--<link rel="Bookmark" href="/favicon.ico">-->
    <!--<link rel="Shortcut Icon" href="/favicon.ico" />-->
    <!--<link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/static/h-ui/css/H-ui.min.css" />-->
    <!--<link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/static/h-ui.admin/css/H-ui.admin.css" />-->
    <!--<link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/lib/Hui-iconfont/1.0.8/iconfont.css" />-->
    <!--<link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/static/h-ui.admin/skin/default/skin.css" id="skin" />-->
    <!--<link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/static/h-ui.admin/css/style.css" />-->
    <!--&lt;!&ndash; <script src="../ckeditor/ckeditor/ckeditor.js"></script> &ndash;&gt;-->
    <!--<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/base.css">-->
    <!--<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/contract_manage_review.css">-->



    <style media="screen">
        .notBg {
            -moz-user-select: none;
            /*火狐*/
            -webkit-user-select: none;
            /*webkit浏览器*/
            -ms-user-select: none;
            /*IE10*/
            -khtml-user-select: none;
            /*早期浏览器*/
            user-select: none;
            cursor: default;
        }

        .RecBoxIsSelectedSignName,
        .RecBoxIsSelectedOurs,
        .RecBoxIsSelectedOthers {
            position: absolute;
            opacity: 0.5;
        }

        .RecBoxIsSelectedSignName {
            z-index: 3;
            background-color: #f00
        }

        .RecBoxIsSelectedOurs {
            z-index: 4;
            background-color: #0f0
        }

        .RecBoxIsSelectedOthers {
            z-index: 5;
            background-color: #00f
        }

        .btn_box a {
            display: inline-block;
            width: 20px;
            height: 20px;
            line-height: 20px;
            font-size: 16px;
            color: red;
            text-decoration: none;
            text-align: center;
            border: 1px solid red;
        }
    </style>



</head>

<body>

    <!--<div class="page-container contract_manage_review">-->
        <div class="tit col-md-9 mb-20">
            <span>合同预览</span>
        </div>
        <!--<div class="contract_review_cont">-->
            <div class="title mt-20">
                <span>合同标题：</span>
                <input type="text"  value="{$data.name}" name="" placeholder="房屋租凭合同" style="width:150px" class="input-text">
            </div>
            <div class="cont_box mt-20">
                <!--<div class="left_cont">-->
                    <!--<input class="btn btn-secondary radius" type="button" value="印章区域">-->
                    <!--<input class="btn btn-secondary radiust" type="button" value="签名区域">-->
                    <!--<input class="btn btn-secondary radius" type="button" value="前署名区域">-->
                <!--</div>-->

                <div class="btn_box">
                    <input id="SignName" class="sign" type="button" value="test1" />&nbsp;
                    <a href="javascript:;" id="addSignName" class="SignName">+</a>
                    <input id="Ours" class="sign" type="button" value="test2" />&nbsp;
                    <a href="javascript:;" id="addOurs" class="Ours">+</a>
                    <input id="Others" class="sign" type="button" value="test3" />&nbsp;
                    <a href="javascript:;" id="addOthers" class="Others">+</a>
                    <input id="complete" type="button" value="test4" />&nbsp;
                </div>


                <!-- 选取框层-->
                <!--<div id="selectRecBoxSignName" class="RecBoxIsSelectedSignName" style="position:absolute;z-index:3;opacity:0.5;background-color:#f00"></div>-->

                <!--<div id="selectRecBoxOurs" class="RecBoxIsSelectedOurs" style="position:absolute;z-index:4;opacity:0.5;background-color:#0f0"></div>-->

                <!--<div id="selectRecBoxOthers" class="RecBoxIsSelectedOthers" style="position:absolute;z-index:5;opacity:0.5;background-color:#00f"></div>-->

                <!-- 覆盖层-->
                <!-- <div id="mask" style="width:800px;height:600px;background-color:#000;border:1px #000 solid;z-index:2;display:none;position:absolute;opacity:0.2"></div> -->

                <!-- 源内容层-->
                <div class="wrap" style="position: relative;height: 600px;width: 800px;overflow: hidden">
                    <!-- 覆盖层-->
                    <div id="mask" style="background-color:#000;border:1px #000 solid;z-index:2;display:none;position:absolute;left:0;top:0;opacity:0.2;,filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;overflow: auto"></div>


                    <div id="controllHandle" style="width:800px;height:600px;border:1px #000 solid;z-index:2;position:absolute;overflow:auto;">

                        <div class="content" id="content" style="position: relative;z-index: 3">
                            <div class="constituency-warp" id="constituency-warp">
                                <!-- <div id="selectRecBoxSignName" class="RecBoxIsSelectedSignName" style="position:absolute;z-index:3;opacity:0.5;background-color:#f00"></div> -->

                                <!-- <div id="selectRecBoxOurs" class="RecBoxIsSelectedOurs" style="position:absolute;z-index:4;opacity:0.5;background-color:#0f0"></div> -->

                                <!-- <div id="selectRecBoxOthers" class="RecBoxIsSelectedOthers" style="position:absolute;z-index:5;opacity:0.5;background-color:#00f"></div> -->
                            </div>
                            <!-- <div id="selectRecBoxSignName" class="RecBoxIsSelectedSignName" style="position:absolute;z-index:3;opacity:0.5;background-color:#f00"></div> -->

                            <!-- <div id="selectRecBoxOurs" class="RecBoxIsSelectedOurs" style="position:absolute;z-index:4;opacity:0.5;background-color:#0f0"></div> -->

                            <!-- <div id="selectRecBoxOthers" class="RecBoxIsSelectedOthers" style="position:absolute;z-index:5;opacity:0.5;background-color:#00f"></div> -->
                            <p style="text-align: center;">
          <span style="font-size: 24px;">
                    <strong>test</strong>
                </span>
                            </p>
                            <p>
          <span style="font-size: 24px;">
                    <strong>
                        <span style="font-size: 16px;">测试tit</span>
          <br/>
          </strong>
          </span>
                            </p>
                            <p>
          <span style="font-size: 24px;">
                    <strong>
                        <span style="font-size: 16px;">e</span>
          </strong>
          </span>
                            </p>



                            <p>
          <span style="font-size: 24px;">
                    <strong>
                        <span style="font-size: 16px;">
                            <br/>
                        </span>
          </strong>
          </span>
                            </p>
                            <p>
          <span style="font-size: 24px;">
                    <strong>
                        <span style="font-size: 16px;">
                            <br/>
                        </span>
          </strong>
          </span>
                            </p>
                            <p>
          <span style="font-size: 24px;">
                    <strong>
                        <span style="font-size: 16px;">
                            <br/>
                        </span>
          </strong>
          </span>
                            </p>
                            <p>
          <span style="font-size: 24px;">
                    <strong>
                        <span style="font-size: 16px;">
                            <br/>
                        </span>
          </strong>
          </span>
                            </p>
                            <p>
          <span style="font-size: 24px;">
                    <strong>
                        <span style="font-size: 16px;">
                            <br/>
                        </span>
          </strong>
          </span>
                            </p>
                            <p>
          <span style="font-size: 24px;">
                    <strong>
                        <span style="font-size: 16px;">
                            <br/>
                        </span>
          </strong>
          </span>
                            </p>
                            <p>
          <span style="font-size: 24px;">
                    <strong>
                        <span style="font-size: 16px;">
                            <br/>
                        </span>
          </strong>
          </span>
                            </p>
                        </div>
                    </div>
                </div>















            </div>
            <div class="btn_box text-c mt-20">
                <a class="btn btn-secondary radius" href="javascript:;">保存</a>
            </div>
        <!--</div>-->
    <!--</div>-->

    <script type="text/javascript" src="__PUBLIC__/Admin/lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Admin/lib/layer/2.4/layer.js"></script>
    <!--<script type="text/javascript" src="__PUBLIC__/Admin/static/h-ui/js/H-ui.min.js"></script>-->
    <!--<script type="text/javascript" src="__PUBLIC__/Admin/static/h-ui.admin/js/H-ui.admin.js"></script>-->


    <script type="text/javascript" src="__PUBLIC__/Admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Admin/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
    <!--<script type="text/javascript" src="__PUBLIC__/Admin/lib/jquery.validation/1.14.0/validate-methods.js"></script>-->
    <script type="text/javascript" src="__PUBLIC__/Admin/lib/jquery.validation/1.14.0/messages_zh.js"></script>

    <script  type="text/javascript" src="__PUBLIC__/contract/jquery-1.8.3.min.js"></script>
    <script  type="text/javascript" src="__PUBLIC__/contract/cookies.js"></script>
    <script  type="text/javascript" src="__PUBLIC__/contract/a3.js"></script>
</body>

</html>